
<link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/themes/icon.css">

<div id="div-supply-select" data-options="border:false">
	<div class="well well-small" style="margin-left: 5px;margin-top: 5px">
		
		<p>
			<span class="badge">提示</span>
			双击<span class="label-info"><strong>供应商分类</strong></span>，你可以对相应分类的供应商进行选择!
		</p>
	</div>
	<table cellpadding="2" cellspacing="2" style="width:100%">
		<tr>
			<td style="width:20%">
			
				<div class="doc-type">
					<table cellpadding="0" cellspacing="0" >
						<tr>
							<td style="padding-left:4px;padding-bottom:4px;" class="doc-type-list-btn">
								
									
							</td>						
							
						</tr>
					</table>
				</div>				
				
				
				<table class="dg-type easyui-treegrid" title="供应商类型"
					data-options="rownumbers:true,
					animate: true,									
					striped:true,
					border:true,
					//singleSelect:false,
					idField: 'id',
					treeField: 'name',					
					fitColumns: true,
					checkOnSelect:true,
					pagination : true,
					selectOnCheck:true">
					
					<thead>						
						<tr>							
							<th field="name" width="100" align="left" halign="center">分类名称</th>
														
						</tr>
					</thead>
					
				</table>
			</td>
			<td style="width:79%">
				 <div  class="list-detail">
					<div  class="list-btn">
						<a href="javascript:void(0);" class="easyui-linkbutton function-btn l-btn l-btn-small l-btn-plain" iconcls="icon-add" plain="true">选择</a>
						<a href="javascript:void(0);" class="easyui-linkbutton function-btn l-btn l-btn-small l-btn-plain" iconcls="icon-redo" plain="true">重置</a>
						<a href="javascript:void(0);" class="easyui-linkbutton function-btn l-btn l-btn-small l-btn-plain" iconcls="icon-cancel" plain="true">取消</a>
					</div>
				</div>
				
				<table id="dg-detail" class="easyui-datagrid dg-detail" title="供应商列表"
					data-options="rownumbers:true,
					animate: true,									
					striped:true,
					border:true,
					//singleSelect:false,
					idField: 'id',									
					fitColumns: true,
					checkOnSelect:true,
					pagination : true,
					selectOnCheck:true					
					">
					
					<thead>						
						<tr>
							<th field="ck" checkbox="true" ></th>
							<th field="sup_name" width="100" align="left" halign="center">供应商名称</th>
							<th field="sup_address" width="100" align="left" halign="center">供应商地址</th>
							<th field="legalrepresentative" width="40" align="left" halign="center">法定代表人</th>
							<th field="authorizeperson" width="40" align="left" halign="center">联系人</th>
							<th field="contactphone" width="60" align="left" halign="center">联系电话</th>
							<th field="filling_time" width="60" align="left" halign="center">建档时间</th>														
						</tr>
					</thead>
					
				</table>
			</td>
		</tr>		
	</div>
	
</div>


<script>

requirejs(['supplySelect','domReady!'],function(supplySelect,doc){
	supplySelect.init({
		doc:doc,
		rootId:'div-supply-select',
		moduleCode:'supplySelect',
		subSystemCode:'supply'		
	});	
});	

</script>
